@import './iconfont.scss'; // 引入图标
@import './common.scss'; // 页面内样式

@mixin hex-rgba($hex, $opacity) {
    box-shadow: inset 0 0 5px rgba($hex, $opacity);
}
@mixin hex-rgba-bg($hex, $opacity) {
    background: rgba($hex, $opacity);
}

/*滚动条样式*/

// *::-o-scrollbar,
// *::-ms-scrollbar,
// *::-moz-scrollbar,
*::-webkit-scrollbar {
	/*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
	width: 10px;
	height: 10px;
}

// *::-moz-scrollbar-thumb,
// *::-o-scrollbar-thumb,
// *::-ms-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	// @include hex-rgba($color-primary, 0.4);
	@include hex-rgba-bg(#cccccc, 1);
    	border-radius: 10px;
    &:hover {
        background: $color-primary;
    }
}

// *::-o-scrollbar-track ,
// *::-ms-scrollbar-track ,
// *::-moz-scrollbar-track,
*::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
    // @include hex-rgba($color-primary, 0.2);
	@include hex-rgba-bg(#000000, 0.1);
    border-radius: 10px;
}